<template>
  <div>
    <AutoComplete
      v-model="value3"
      :data="data3"
      icon="ios-search"
      :filter-method="filterMethod"
      placeholder="input here"
      >
    </AutoComplete>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        value3: '',
        data3: ['中国', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东', '中铁十三', '腾讯','京东','中国', '中铁十三', '腾讯','京东']
      }
    },
    methods: {
      filterMethod (value, option) {
        //console.log(value,option);
        console.log('你输入的值'+this.value3);
        return option.toUpperCase().indexOf(value.toUpperCase()) !== -1;
      }
    }
  }
</script>
